import { createApp } from 'vue';
import './common/reset.css';
import App from './App.vue';
import { createPinia } from 'pinia';
import router from './router';
import './style.css';
import 'vant/lib/index.css';
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import { VueMasonryPlugin } from 'vue-masonry';
import socket from './plugins/socket';
import debounce from './plugins/debounce';
import lazyLoad from './plugins/lazyLoad';
import { Toast, TextEllipsis,Popup,Picker, Badge,Tabbar, Uploader, TabbarItem, Button, Field, CellGroup, Search, NavBar, Swipe, SwipeItem, Icon } from 'vant';
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
createApp(App).use(pinia).use(Toast)
    .use(Search).use(Tabbar)
    .use(NavBar).use(TabbarItem)
    .use(Button).use(Field)
    .use(Swipe).use(CellGroup)
    .use(SwipeItem).use(Icon).use(Popup)
    .use(Uploader).use(TextEllipsis).use(Badge).use(Picker)
    .use(router).use(socket).use(debounce).use(lazyLoad)
    .use(VueMasonryPlugin)
    .mount('#app')
